﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html ng-app="exampleApp" ng-controller="flowController as ctrl">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>ngflow上传图片Demo</title>

    <script src="~/assets/jquery-2.1.3.min.js"></script>
    <script src="~/assets/ng/angular.min.js"></script>
    <link href="~/assets/amaze/css/amazeui.min.css" rel="stylesheet" />
    <script src="~/assets/amaze/js/amazeui.min.js"></script>
    <script src="~/assets/ngflow/ng-flow-standalone.min.js"></script>
</head>
<body>
    <div class="am-container am-padding">

        <div flow-init="{target:'/ngflow/uploader',testChunks:false}"
             flow-files-submitted="$flow.upload()"
             flow-file-added="!!{png:1,gif:1,jpg:1,jpeg:1}[$file.getExtension()]">
            <input type="file" flow-btn />

           

            <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">
                <li ng-repeat="file in $flow.files">
                    <img class="am-thumbnail" flow-img="file">
                  
                </li>
            </ul>


        </div>


    </div>

    <script type="text/javascript">
        var app = angular.module('exampleApp', ['flow']);


        (function (ng, app) {
            var flowCtrl = function ($scope) {
                this.scope = $scope;
            };


            app.controller('flowController', ['$scope', flowCtrl]);

        })(angular, app);
    </script>

</body>
</html>
